<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>一键刷步</title>
</head>

<body>
    <div id="describe">
        <div id="brush">微信支付宝刷步</div>
        <!-- action 需要填写后端调用接口 -->
        <form id="form" action="#####################" method="post">
            <div>手机号: <input type="text" name="phone"></div>
            <div>密&nbsp;&nbsp;&nbsp;码: <input type="text" name="password"></div>
            <div>最小步: <input type="text" name="minstep"></div>
            <div>最大步: <input type="text" name="maxstep"></div>
            <input id="botton" type="submit" value="一键刷步">
        </form>
        <!-- <div id="botton">一键刷步</div> -->
    </div>
    <div id="attention">
        <div>!&nbsp;!&nbsp;!&nbsp;使用方法&nbsp;!&nbsp;!&nbsp;!</div>
        <div>1、在手机上安装乐心健康app</div>
        <div>2、注册账号登录，并设置登录密码</div>
        <div>3、完成第三方同步，将运动数据同步</div>
        <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;到微信和支付宝</div>
    </div>

</body>

<style>
    body {
        background: url(https://pic.downk.cc/item/5fc6ffa96ea9a3b54845d067.png);
        background-size: 600%;
    }

    #describe {
        top: 12vh;
        left: 10vw;
        width: 80vw;
        height: 55vh;
        background-color: aliceblue;
        position: absolute;
    }

    #brush {
        position: absolute;
        top: 5vh;
        left: 17vw;
        font-size: 6vw;
        font-family: PingFang SC;
        font-weight: bold;
        color: #393939;
        line-height: 6vw;
    }

    #botton {
        position: absolute;
        top: 35vh;
        width: 62vw;
        height: 5vh;
        background-color: #1895FF;
        font-size: 6vw;
        font-family: PingFang SC;
        color: white;
        text-align: center;
    }

    #form {
        position: absolute;
        top: 10vh;
        left: 10vw;
        font-size: 4vw;
        font-family: PingFang SC;
        color: #393939;
        line-height: 8vh;
    }

    #attention {
        position: absolute;
        top: 70vh;
        left: 10vw;
        width: 80vw;
        font-size: 4vw;
        font-family: PingFang SC;
        font-weight: bold;
        color: yellow;
        line-height: 4vh;
    }
</style>

</html>